<template>
  <div class="common-left-bg" >
    <dv-border-box-7>
        <div class="common-title common-title-xiao" style="lin">本周温控变化趋势</div>
        <dv-charts :option="option" style="height: 180px; width:90%; margin:0 auto;" />

    </dv-border-box-7>
  </div>
</template>
<script>
const option = {
  title: {
    text: ''
  },
  grid: {
    left: '5%',
    top: '5%',
  },
  legend: {
    right: '20%',
    show: true,
    data: [
      {
        name: '销售额',
        color: '#aeeff0'
      },
      {
        name: '人流量',
        color: '#f1829f'
      }
    ]
  },
  xAxis: {
    name: '',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
    nameTextStyle: {
            fill: '#19c3eb',
            fontSize: 10
          },
          axisLabel: {
            style: {
              stroke: '#19c3eb',
            }
          }
  },
  yAxis: {
    name: '',
    data: 'value',
    nameTextStyle: {
            fill: '#19c3eb',
            fontSize: 10
          },
          axisLabel: {
            style: {
              stroke: '#19c3eb',
            }
          }
  },
  series: [
    {
      data: [1200, 2230, 1900, 2100, 3500, 4200, 3985],
      type: 'line',
      label: {
        show: true,
        formatter: '{value}'
      }
    },
    {
      data: [2200, 2230, 1900, 2100, 3500, 4200, 1985],
      type: 'line',
      label: {
        show: true,
        formatter: '{value}'
      }
    }
  ]
}

export default {
  name: 'benzhou',
  data () {
    return {
      option


    }
  }
};
</script>
<style scoped>
.common-title-xiao{  line-height: 45px; margin-bottom: 0px; }
</style>